/*goodsListPhone*/
.goodsListWarp1{
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 6px 6px 0 6px;
}
.goodsListWarp2{
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.goodsListWarp3{
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 6px;
}
.goodsListWarp4{
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}

/* list */
.listWarp{
    width: 100%;
    flex-direction: row;
    background-color: #fff;
    padding: 10px;
    padding-bottom: 0;
}
.listImgWarp{
    width: 30%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}
.listImgWarp img{
    width: 100%;
}
.listRight{
    flex: 1;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #eaeaea;
    justify-content: space-around;
}
.listTitle{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.listPrice{
    color: #ff585d;
}
.listPrice span{
    font-size: 12px;
    margin-right: 10px;
    color: #ccc;
    text-decoration: line-through;
}

/* big */
.bigWarp{
    width: 100%;
}
.bigWarp:last-child .smallBot{
    margin-bottom: 0;
}

/* small */
.smallWarp{
}

.smallImgWarp{
    width: 100%;
}
.smallImgWarp img{
    width: 100%;
}
.smallBot{
    background-color: #fff;
    padding: 0 10px;
    margin-bottom: 6px;
}

.smallTitle{
    margin: 10px 0;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.smallPrice{
    color: #ff585d;
}
.smallPrice span{
    margin-right: 10px;
    color: #ccc;
    text-decoration: line-through;
}
